
.lg-input-wrapper {
  background-color: #fff;

  .lg-input-a {
    &.at-input::after{
      content: none;
    }
    .at-input__title {
      width: 200px;
      font-size: 32px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 54px;
      letter-spacing: 0px;
      color: #000000;

    }

    input {
      text-align: right;
      margin-right: 32px;
      font-size: 28px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 54px;
      letter-spacing: 0px;
      color: #333333;
      padding: 0;
    }

    .at-input__input {
      .weui-input {
        text-align: right;
        margin-right: 32px;
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 54px;
        letter-spacing: 0px;
        color: #333333;
        padding: 0;
      }
    }

    &.error-status {
      input {
        color: #ff0000;
      }

      .at-input__input {

        .weui-input {
          color: #ff0000;
        }
      }
    }
  }

  // .at-input__input {
  //     text-align: right;
  //     margin-right: 32px;
  //     font-family: PingFang-SC-Regular;
  //     font-size: 28px;
  //     font-weight: normal;
  //     font-stretch: normal;
  //     line-height: 54px;
  //     letter-spacing: 0px;
  //     color: #333333;
  //     padding: 0;
  // }


  .error-status {
    .at-input input {
      color: red;
    }
  }

  .weui-input::placeholder {
    font-family: PingFang-SC-Regular;
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 54px;
    letter-spacing: 0px;
    color: #b8b8b8;
  }
}

.lg-input-b {
  background-color: #fff;
  height: 360px;

  .inputName {
    margin-left: 31px;
    padding-top: 39px;
    font-family: PingFang-SC-Regular;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 32px;
    letter-spacing: 0px;
    color: #000000;
  }

  .textarea {
    margin-top: 29px;
    margin-left: 32px;
    margin-right: 0;
    width: calc(100% - 32px);
    height: calc(100% - 100px);

    .at-textarea {
      width: 100%;
      font-family: PingFang-SC-Regular;
      font-size: 28px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #333333;
      border: none;
      padding: 0;
      height: 100%;
      position: relative;

      .at-textarea__textarea {
        width: calc(100% - 48px);
        font-family: PingFang-SC-Regular;
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 42px;
        letter-spacing: 0px;
        color: #333333;
        resize: none;
        height: calc(100% - 50px);
      }

      .at-textarea__counter {
        position: absolute;
        width: fit-content;
        bottom: 20px;
        right: 20px;
        padding: 0;
        font-family: PingFang-SC-Regular;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 20px;
        letter-spacing: 0px;
        color: #999999;
      }
    }

    .taro-textarea {
      &::-webkit-scrollbar {
        width: 0;
      }

      font-family: PingFang-SC-Regular;
      font-size: 28px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 42px;
      letter-spacing: 0px;
      color: #333333;
      resize: none;

      &::placeholder {
        font-family: PingFang-SC-Regular;
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 42px;
        letter-spacing: 0px;
        color: #b8b8b8;
      }
    }
  }

  &.error-status {
    .textarea .at-textarea .at-textarea__textarea{
      color: #ff0000;
    }

    .taro-textarea {
      color: #ff0000;
    }
  }
}

.lg-input-b-placeholderClass {
  font-family: PingFang-SC-Regular;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 42px;
  letter-spacing: 0px;
  color: #b8b8b8;
}
.lg-input-isNeed {
  position: relative;
}
.lg-input-isNeed:before {
  position: absolute;
  top: 32px;
  left: 13px;
  display: block;
  content: "*";
  color: #ff0000;
}
.lg-input-b.lg-input-isNeed:before {
  top: 38px;
}
